.el-menu {
  border: none !important;
  background: rgba(0, 0, 0, .4) !important;
  height: 100%;
}

.el-menu--collapse {
  width: 64px !important;
}

.el-menu-vertical-demo {
  width: 200px;
}

.el-sub-menu__title {
  color: white !important;
}

.el-sub-menu .el-menu-item {
  color: white !important;
}

.el-menu-item {
  color: white !important;
}

.el-sub-menu__title:hover {
  background: rgba(0, 0, 0, .4) !important;
}

.el-menu-item:hover {
  background: rgba(0, 0, 0, .4) !important;
}

.el-menu-item.is-active {
  background: rgba(0, 0, 0, .7) !important;
  color: rgba($color: #ff8000, $alpha: 1) !important;
}

.el-menu--popup {
  color: black !important;
  box-shadow: none !important;
  padding: 0px !important;
}

.el-popper.is-light {
  background: transparent !important;
  border: none !important;
  box-shadow: 4px 8px 8px rgba(32, 32, 32, 1);
  // margin-top: .5rem !important;
}

.el-menu--collapse .el-icon.el-sub-menu__icon-arrow {
  display: none;
}

.el-tree {
  background: none !important;
  color: rgba($color: #ffffff, $alpha: 1.0);
}

.el-tree>.el-tree-node {
  margin-bottom: 2rem;
}

.el-tree-node__label {
  font-size: 1rem;
}

.el-tree-node__content:hover {
  color: rgba($color: #000000, $alpha: 1.0) !important;
  opacity: .7;
}

.el-tree-node:focus>.el-tree-node__content {
  color: rgba($color: #ff1111, $alpha: 1.0) !important;
}

.is-current {
  color: rgba($color: #ffffff, $alpha: 1.0);
  opacity: .7;
}

.el-dialog {
  // background: rgba(255, 255, 255, .85);
  border-radius: 5px;
}

.el-dialog__title {
  font-size: 1.3rem;
  color: rgba($color: #6e6e6e, $alpha: 1.0);
  text-shadow: 4px 4px 3px rgba(0, 0, 0, .5);
}

.el-card__body {}

.el-card__body tr {}

.el-card__body th {}

.el-table__body-wrapper::-webkit-scrollbar {
  width: 4px;
  height: 10px;
  background-color: rgba(0, 0, 0, 0.2);
}

.el-table__body-wrapper::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}

.el-table__body-wrapper::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: rgba(148, 148, 148, 0.445);
}

.el-collapse {
  --el-collapse-border-color: rgba(0, 0, 0, 0) !important;
  --el-collapse-header-height: 3em !important;
  --el-collapse-header-font-size: 1.1rem !important;
  --el-collapse-header-font-color: white !important;
  --el-collapse-content-background-color: transparent !important;
  --el-collapse-content-font-color: white !important;
}

.el-collapse-item__header {
  background: transparent !important;
}